angular.module('app').config(($stateProvider) => {

    $stateProvider.state('app.loading', {
        url         : '/loading',
        label       : 'Loading',
        controller  : 'app.loading',
        controllerAs: '$ctrl',
        templateUrl : 'view/app/loading/loading.html'
    });
}).constant('$ionicLoadingConfig', {
    // 配置同 $ionicLoading
    template: '加载中...'
}).controller('app.loading', function ($ionicLoading, $scope) {
    let ctrl    = this,
        setting = {
            // template: '{{loading}}', // 默认是一个旋转动画
            templateUrl: '',
            scope: $scope,
            noBackdrop: false, // 是否有 modal 背景
            hideOnStateChange: true, // 路由的 state 改变时自动隐藏 loading
            delay: 500, // 延迟好多毫秒后才显示
            duration: 1500 // 好多毫秒后自动 hide loading, 默认不会自动隐藏需要手动调用 hide 方法才行
        };
    $scope.loading = '加载中...';
    ctrl.active = ()=> {
        let promise = $ionicLoading.show(setting);
        promise.then(function () {
            console.log("loading show");
        });
    };

    /**
     * $ionicLoading
     */
    // show: 显示 loading
    // hide: 隐藏 loading
});